<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小兔鲜儿-新鲜 惠民 快捷！</title>
    <link rel="stylesheet" href="../font/font_3943826_idjmar9o3z/iconfont.css">
    <link rel="stylesheet" href="../font/font-02/iconfont.css">
    <link rel="shortcut icon" href="../favicon.ico">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/center.css">
    <link rel="stylesheet" href="../css/viewDetails.css">
</head>

<body>
    <!-- 项部导航 -->
    <div class="xtx_topnav">
        <div class="wrapper">
            <!-- 顶部导航 -->
            <ul class="xtx_navs">
                <li>
                    <!-- 有用户名数据 -->
                    <!-- <a href="javascript:;"><i class="iconfont icon-user">用户名</i></a> -->
                    <!-- 没有用户名数据 -->
                    <a href="./login.html">请先登录</a>
                </li>
                <li>
                    <!-- 有用户名数据 -->
                    <!-- <a href="javascript:;">退出登录</a> -->
                    <!-- 没有用户名数据 -->
                    <a href="./register.html">免费注册</a>
                </li>
                <li>
                    <a href="./center.html">我的订单</a>
                </li>
                <li>
                    <a href="javascript:;">会员中心</a>
                </li>
                <li>
                    <a href="javascript:;">帮助中心</a>
                </li>
                <li>
                    <a href="javascript:;">在线客服</a>
                </li>
                <li>
                    <a href="javascript:;">
                        <i class="mobile sprites"></i>
                        手机版
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 头部 -->
    <div class="xtx_header none_header">
        <div class="wrapper principal">
            <!-- 网站Logo -->
            <h1 class="xtx_logo"><a href="/">小兔鲜儿</a></h1>
            <!-- 主导航 -->
            <div class="xtx_navs">
                <ul class="clearfix">
                    <li>
                        <a href="../index.html">首页</a>
                    </li>
                    <li>
                        <a href="./atHome.html" class="entrust" data-index="0">居家</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="1">美食</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="2">服饰</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="3">母婴</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="4">个护</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="5">严选</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="6">数码</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="7">运动</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="8">杂项</a>
                    </li>
                </ul>
            </div>
            <!-- 导航下拉框 -->
            <div class="drop_down_box entrust display_none">
                <ul>
                </ul>
            </div>
            <!-- 站内搜索 -->
            <div class="xtx_search clearfix">
                <!-- 购物车 -->
                <a href="./shoppingCar.html" class="xtx_search_cart sprites">
                    <i class="red_quantity">0</i>
                </a>
                <!-- 搜索框 -->
                <div class="xtx_search_wrapper">
                    <input type="text" placeholder="搜一搜" onclick="location.href='./search.html'">
                </div>
                <div class="shopping_cart">
                    <div class="commodity">
                        <div>
                            <!-- <div class="div_entrust">
                                <a href="#">
                                    <img src="https://yanxuan-item.nosdn.127.net/ded4b153a0878527dcee27981c389929.png"
                                        alt="">
                                    <div>
                                        <p>两带式软木拖鞋</p>
                                        <p>颜色： <i>白色</i> 尺码： <i>44</i></p>
                                    </div>
                                    <div>
                                        <p>￥<i>55.9</i>元 </p>
                                        <p>X <i>1</i></p>
                                    </div>
                                </a>
                                <div class="shut_down"><i>x</i></div>
                            </div> -->

                        </div>
                    </div>
                    <section>
                        <div>
                            <p>共<i class="quantity_of_goods">0</i>件商品</p>
                            <p>￥<i class="commodity_price">0</i>元</p>
                        </div>
                        <button>去购物车结算</button>
                    </section>
                    <div class="to_settle"></div>
                </div>
                <div class="cutting">
                    <div class="triangle"></div>
                </div>
            </div>
        </div>
    </div>
    <!-- 隐藏头部 -->
    <div class="xtx_header header_fixed">
        <div class="wrapper hidden">
            <!-- 网站Logo -->
            <h1 class="xtx_logo"><a href="/">小兔鲜儿</a></h1>
            <!-- 主导航 -->
            <div class="xtx_navs">
                <ul class="clearfix">
                    <li>
                        <a href="../index.html">首页</a>
                    </li>
                    <li>
                        <a href="./atHome.html" class="entrust" data-index="0">居家</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="1">美食</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="2">服饰</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="3">母婴</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="4">个护</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="5">严选</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="6">数码</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="7">运动</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="entrust" data-index="8">杂项</a>
                    </li>
                    <li>
                        |
                    </li>
                    <li>
                        <a href="javascript:;">品牌</a>
                    </li>
                    <li>
                        <a href="javascript:;">专题</a>
                    </li>
                </ul>
            </div>
            <!-- 导航下拉框 -->
            <div class="drop_down_box display_block">
                <ul>
                </ul>
            </div>
        </div>
    </div>
    <!-- body -->
    <div class="body rotograph">
        <div class="w wrapper">
            <!-- 左边 -->
            <div class="aside">
                <div class="user">
                    <h4>我的账户</h4>
                    <div class="links">
                        <a href="javascript:;" data-index="0">个人中心</a>
                        <a href="javascript:;">消息通知</a>
                        <a href="javascript:;">个人信息</a>
                        <a href="javascript:;">安全设置</a>
                        <a href="javascript:;">地址管理</a>
                        <a href="javascript:;">我的积分</a>
                        <a href="javascript:;">我的足迹</a>
                        <a href="javascript:;">邀请有礼</a>
                        <a href="javascript:;">幸运抽奖</a>
                    </div>
                    <h4>交易管理</h4>
                    <div class="links">
                        <a href="javascript:;" class="active" data-index="1">我的订单</a>
                        <a href="javascript:;">优惠券</a>
                        <a href="javascript:;">礼品卡</a>
                        <a href="javascript:;">评价晒单</a>
                        <a href="javascript:;">售后服务</a>
                    </div>
                    <h4>我的收藏</h4>
                    <div class="links">
                        <a href="javascript:;">收藏的商品</a>
                        <a href="javascript:;">收藏的专题</a>
                        <a href="javascript:;">关注的品牌</a>
                    </div>
                    <h4>帮助中心</h4>
                    <div class="links">
                        <a href="javascript:;">帮助中心</a>
                        <a href="javascript:;">在线客服</a>
                    </div>
                </div>
            </div>
            <!-- 右边 -->
            <!-- 个人中心 -->
            <div class="article">
                <!-- 个人中心 -->
                <div class="center">
                    <!-- 用户信息 -->
                    <div class="information">
                        <div class="user-mate">
                            <div class="picture">
                                <img src="http://yjy-xiaotuxian-dev.oss-cn-beijing.aliyuncs.com/avatar/2022-05-14/f6bafcfc-a840-4a81-9907-939ee56dff4d.jpg"
                                    alt="">
                            </div>
                            <h4>QQ</h4>
                        </div>
                        <div class="item">
                            <a href="javascript:;">
                                <span class="iconfont icon-huiyuan"></span>
                                <p>会员中心</p>
                            </a>
                            <a href="javascript:;">
                                <span class="iconfont icon-shezhi"></span>
                                <p>安全设置</p>
                            </a>
                            <a href="javascript:;">
                                <span class="iconfont icon-dizhi dizhi"></span>
                                <p>地址管理</p>
                            </a>
                        </div>
                    </div>
                    <!-- 我的收藏 -->
                    <div class="collect">
                        <div class="header">
                            <h4>我的收藏</h4>
                            <a href="#/">
                                <span>查看更多</span>
                                <i class="iconfont icon-xiangyou"></i>
                            </a>
                        </div>
                        <div class="goods-list">
                            <a href="javascript:;" class="goods-item">
                                <img src="http://zhoushugang.gitee.io/erabbit-client-pc-static/uploads/clothes_goods_7.jpg"
                                    alt="">
                                <p class="name">可习每儿断政部运九行决国水加少石九</p>
                                <p class="desc">张还按点一着</p>
                                <p class="price">¥166.42</p>
                            </a>
                            <a href="javascript:;" class="goods-item">
                                <img src="http://zhoushugang.gitee.io/erabbit-client-pc-static/uploads/clothes_goods_2.jpg"
                                    alt="">
                                <p class="name">状己电利连下知样叫相族清来区农保素只</p>
                                <p class="desc">山周类委政干号些治民</p>
                                <p class="price">¥137.82</p>
                            </a>
                            <a href="javascript:;" class="goods-item">
                                <img src="http://zhoushugang.gitee.io/erabbit-client-pc-static/uploads/clothes_goods_6.jpg"
                                    alt="">
                                <p class="name">主步些间气取备头人点严容最千备</p>
                                <p class="desc">定色战及</p>
                                <p class="price">¥152.82</p>
                            </a>
                            <a href="javascript:;" class="goods-item">
                                <img src="http://zhoushugang.gitee.io/erabbit-client-pc-static/uploads/clothes_goods_5.jpg"
                                    alt="">
                                <p class="name">做便列何体原厂具条料号己压总得议需电其</p>
                                <p class="desc">还联达基类精</p>
                                <p class="price">¥146.42</p>
                            </a>
                        </div>
                    </div>
                    <!-- 我的足迹 -->
                    <div class="collect">
                        <div class="header">
                            <h4>我的足迹</h4>
                            <a href="#/">
                                <span>查看更多</span>
                                <i class="iconfont icon-xiangyou"></i>
                            </a>
                        </div>
                        <div class="goods-list">
                            <a href="javascript:;" class="goods-item">
                                <img src="http://zhoushugang.gitee.io/erabbit-client-pc-static/uploads/clothes_goods_7.jpg"
                                    alt="">
                                <p class="name">可习每儿断政部运九行决国水加少石九</p>
                                <p class="desc">张还按点一着</p>
                                <p class="price">¥166.42</p>
                            </a>
                            <a href="javascript:;" class="goods-item">
                                <img src="http://zhoushugang.gitee.io/erabbit-client-pc-static/uploads/clothes_goods_7.jpg"
                                    alt="">
                                <p class="name">可习每儿断政部运九行决国水加少石九</p>
                                <p class="desc">张还按点一着</p>
                                <p class="price">¥166.42</p>
                            </a>
                            <a href="javascript:;" class="goods-item">
                                <img src="http://zhoushugang.gitee.io/erabbit-client-pc-static/uploads/clothes_goods_7.jpg"
                                    alt="">
                                <p class="name">可习每儿断政部运九行决国水加少石九</p>
                                <p class="desc">张还按点一着</p>
                                <p class="price">¥166.42</p>
                            </a>
                            <a href="javascript:;" class="goods-item">
                                <img src="http://zhoushugang.gitee.io/erabbit-client-pc-static/uploads/clothes_goods_7.jpg"
                                    alt="">
                                <p class="name">可习每儿断政部运九行决国水加少石九</p>
                                <p class="desc">张还按点一着</p>
                                <p class="price">¥166.42</p>
                            </a>
                        </div>
                    </div>
                    <!-- 猜你喜欢 -->
                    <div class="like">
                        <div class="header">
                            <i class="icon"></i>
                            <span class="title">猜你喜欢</span>
                        </div>
                        <div class="xtx-carousel">
                            <ul class="carousel-body">
                                <li class="carousel-item fade" data-index="0">
                                    <div class="slider">
                                        <a href="#/">
                                            <img src="https://yanxuan-item.nosdn.127.net/605d71caa460e3c05cb2fd1b2885b9b4.jpg"
                                                alt="">
                                            <p class="name">儿童字母纯棉POLO衫73-130cm</p>
                                            <p class="price">¥99.00</p>
                                        </a>
                                        <a href="#/">
                                            <img src="https://yanxuan-item.nosdn.127.net/e7337596de7161c57c27e8d8040231aa.jpg"
                                                alt="">
                                            <p class="name">情侣款时尚户外轻型徒步鞋环保大底-130cm</p>
                                            <p class="price">¥919.00</p>
                                        </a>
                                        <a href="#/">
                                            <img src="https://yanxuan-item.nosdn.127.net/1ee83dc27645e7bdc1bda228c04b85f3.jpg"
                                                alt="">
                                            <p class="name">网易味央黑猪猪肘330g*1袋</p>
                                            <p class="price">¥199.00</p>
                                        </a>
                                        <a href="#/">
                                            <img src="https://yanxuan-item.nosdn.127.net/1f451c780f5e1e93ced6419f2d3461fd.jpg"
                                                alt="">
                                            <p class="name">男女经典两带式软木拖鞋</p>
                                            <p class="price">¥9.00</p>
                                        </a>
                                    </div>
                                </li>
                                <li class="carousel-item" data-index="1">
                                    <div class="slider">
                                        <a href="#/">
                                            <img src="https://yanxuan-item.nosdn.127.net/6d09b5d5f964b33f401b0c8a9cbea1ca.png"
                                                alt="">
                                            <p class="name">儿童字母纯棉POLO衫73-130cm</p>
                                            <p class="price">¥99.00</p>
                                        </a>
                                        <a href="#/">
                                            <img src="https://yanxuan-item.nosdn.127.net/e7337596de7161c57c27e8d8040231aa.jpg"
                                                alt="">
                                            <p class="name">情侣款时尚户外轻型徒步鞋环保大底-130cm</p>
                                            <p class="price">¥919.00</p>
                                        </a>
                                        <a href="#/">
                                            <img src="https://yanxuan-item.nosdn.127.net/1ee83dc27645e7bdc1bda228c04b85f3.jpg"
                                                alt="">
                                            <p class="name">网易味央黑猪猪肘330g*1袋</p>
                                            <p class="price">¥199.00</p>
                                        </a>
                                        <a href="#/">
                                            <img src="https://yanxuan-item.nosdn.127.net/1f451c780f5e1e93ced6419f2d3461fd.jpg"
                                                alt="">
                                            <p class="name">男女经典两带式软木拖鞋</p>
                                            <p class="price">¥9.00</p>
                                        </a>
                                    </div>
                                </li>
                                <li class="carousel-item" data-index="2">
                                    <div class="slider">
                                        <a href="#/">
                                            <img src="https://yanxuan-item.nosdn.127.net/3fbdf00e31de69f049ccde1fb7ba478d.png"
                                                alt="">
                                            <p class="name">儿童字母纯棉POLO衫73-130cm</p>
                                            <p class="price">¥99.00</p>
                                        </a>
                                        <a href="#/">
                                            <img src="https://yanxuan-item.nosdn.127.net/e7337596de7161c57c27e8d8040231aa.jpg"
                                                alt="">
                                            <p class="name">情侣款时尚户外轻型徒步鞋环保大底-130cm</p>
                                            <p class="price">¥919.00</p>
                                        </a>
                                        <a href="#/">
                                            <img src="https://yanxuan-item.nosdn.127.net/1ee83dc27645e7bdc1bda228c04b85f3.jpg"
                                                alt="">
                                            <p class="name">网易味央黑猪猪肘330g*1袋</p>
                                            <p class="price">¥199.00</p>
                                        </a>
                                        <a href="#/">
                                            <img src="https://yanxuan-item.nosdn.127.net/1f451c780f5e1e93ced6419f2d3461fd.jpg"
                                                alt="">
                                            <p class="name">男女经典两带式软木拖鞋</p>
                                            <p class="price">¥9.00</p>
                                        </a>
                                    </div>
                                </li>
                                <li class="carousel-item" data-index="3">
                                    <div class="slider">
                                        <a href="#/">
                                            <img src="https://yanxuan-item.nosdn.127.net/44e51622800e4fceb6bee8e616da85fd.png"
                                                alt="">
                                            <p class="name">儿童字母纯棉POLO衫73-130cm</p>
                                            <p class="price">¥99.00</p>
                                        </a>
                                        <a href="#/">
                                            <img src="https://yanxuan-item.nosdn.127.net/e7337596de7161c57c27e8d8040231aa.jpg"
                                                alt="">
                                            <p class="name">情侣款时尚户外轻型徒步鞋环保大底-130cm</p>
                                            <p class="price">¥919.00</p>
                                        </a>
                                        <a href="#/">
                                            <img src="https://yanxuan-item.nosdn.127.net/1ee83dc27645e7bdc1bda228c04b85f3.jpg"
                                                alt="">
                                            <p class="name">网易味央黑猪猪肘330g*1袋</p>
                                            <p class="price">¥199.00</p>
                                        </a>
                                        <a href="#/">
                                            <img src="https://yanxuan-item.nosdn.127.net/1f451c780f5e1e93ced6419f2d3461fd.jpg"
                                                alt="">
                                            <p class="name">男女经典两带式软木拖鞋</p>
                                            <p class="price">¥9.00</p>
                                        </a>
                                    </div>
                                </li>
                            </ul>
                            <a href="javascript:;" class="prev">
                                <i class="iconfont icon-xiangzuo"></i>
                            </a>
                            <a href="javascript:;" class="next">
                                <i class="iconfont icon-xiangyou"></i>
                            </a>
                            <div class="dian">
                                <!-- <span class="green"></span>
                                <span></span>
                                <span></span>
                                <span></span> -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 我的订单 -->
            <div class="article show">
                <!-- 我的订单 -->
                <div class="order">
                    <!-- tab栏切换 -->
                    <div>
                        <nav class="order-tab">
                            <a href="javascript:;" class="tab" data-index="0">全部订单</a>
                            <a href="javascript:;" data-index="1">待付款</a>
                            <a href="javascript:;" data-index="2">待发货</a>
                            <a href="javascript:;" data-index="3">待收货</a>
                            <a href="javascript:;" data-index="4">待评价</a>
                            <a href="javascript:;" data-index="5">已完成</a>
                            <a href="javascript:;" data-index="6">已取消</a>
                        </nav>
                    </div>
                    <!-- 订单列表 -->
                    <!-- 全部订单 -->
                    <div class="order-list fade">
                        <div class="order-item">
                            <div class="head">
                                <span>下单时间：2023-04-25 10:41:54</span>
                                <span>订单编号：1650691572792164354</span>
                                <span class="down-time">
                                    <i class="iconfont icon-time"></i>
                                    <b class="b"></b>
                                </span>
                            </div>
                            <div class="order-body">
                                <div class="goods column">
                                    <ul>
                                        <li class="render">
                                            <a href="javascript:;" class="image">
                                                <img src="https://yanxuan-item.nosdn.127.net/af7549f72b66b1660b513884d35acdd2.png"
                                                    alt="">
                                            </a>
                                            <div class="info">
                                                <p class="name">日本24k金三合一美容棒升级款</p>
                                                <p class="attr">规格:三合一24K金美容棒 </p>
                                            </div>
                                            <div class="price">¥425</div>
                                            <div class="count">x1</div>
                                        </li>
                                    </ul>
                                </div>
                                <div class="state column">
                                    <p>待付款</p>
                                </div>
                                <div class="amount column">
                                    <p class="red z">¥431</p>
                                    <p class="six">（含运费：¥6）</p>
                                    <p>在线支付</p>
                                </div>
                                <div class="action column">
                                    <button class="xtx-button">立即付款</button>
                                    <p class="look">查看详情</p>
                                    <p class="cancel" data-index="0">取消订单</p>
                                </div>
                            </div>
                        </div>
                        <div class="order-item">
                            <div class="head">
                                <span>下单时间：2023-04-25 10:41:54</span>
                                <span>订单编号：1650691572792164354</span>
                                <span class="down-time">
                                    <!-- <i class="iconfont icon-time"></i> -->
                                    <b class="d" data-index="1">删除</b>
                                </span>
                            </div>
                            <div class="order-body">
                                <div class="goods column">
                                    <ul>
                                        <li>
                                            <a href="javascript:;" class="image">
                                                <img src="https://yanxuan-item.nosdn.127.net/1626afa0a05d3f10cb5b4b863585ef2b.png"
                                                    alt="">
                                            </a>
                                            <div class="info">
                                                <p class="name">净水看得见韩国负离子增压除氯花洒</p>
                                                <p class="attr">规格:1组花洒 </p>
                                            </div>
                                            <div class="price">¥99.9</div>
                                            <div class="count">x3</div>
                                        </li>
                                    </ul>
                                </div>
                                <div class="state column">
                                    <p>待付款</p>
                                </div>
                                <div class="amount column">
                                    <p class="red">¥302.7</p>
                                    <p>（含运费：¥6）</p>
                                    <p>在线支付</p>
                                </div>
                                <div class="action column">
                                    <!-- <button class="xtx-button">立即付款</button> -->
                                    <p class="look">查看详情</p>
                                    <!-- <p>取消订单</p> -->
                                </div>
                            </div>
                        </div>
                        <div class="order-item">
                            <div class="head">
                                <span>下单时间：2023-04-25 10:41:54</span>
                                <span>订单编号：1650691572792164354</span>
                                <span class="down-time">
                                    <i class="iconfont icon-time"></i>
                                    <b class="b">付款倒计时29分57秒</b>
                                </span>
                            </div>
                            <div class="order-body">
                                <div class="goods column">
                                    <ul>
                                        <li>
                                            <a href="javascript:;" class="image">
                                                <img src="https://yanxuan-item.nosdn.127.net/efb82847d85d95d12ece2bca26236ba0.png"
                                                    alt="">
                                            </a>
                                            <div class="info">
                                                <p class="name">灰尘毛发静电吸附地板除尘干巾40片/包</p>
                                                <p class="attr">规格:3包/提 </p>
                                            </div>
                                            <div class="price">¥24.9</div>
                                            <div class="count">x1</div>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="image">
                                                <img src="https://yanxuan-item.nosdn.127.net/50db51cb0a25b0d346ce62b22b5e0f92.png"
                                                    alt="">
                                            </a>
                                            <div class="info">
                                                <p class="name">拼色更童趣，儿童撞色T恤110-160cm</p>
                                                <p class="attr">颜色:藏青 C尺码:160cm </p>
                                            </div>
                                            <div class="price">¥79</div>
                                            <div class="count">x2</div>
                                        </li>
                                    </ul>
                                </div>
                                <div class="state column">
                                    <p>待付款</p>
                                </div>
                                <div class="amount column">
                                    <p class="red">¥185.9</p>
                                    <p>（含运费：¥3）</p>
                                    <p>在线支付</p>
                                </div>
                                <div class="action column">
                                    <button class="xtx-button">立即付款</button>
                                    <p class="look">查看详情</p>
                                    <p class="cancel" data-index="2">取消订单</p>
                                </div>
                            </div>
                        </div>
                        <div class="order-item">
                            <div class="head">
                                <span>下单时间：2023-04-25 10:41:54</span>
                                <span>订单编号：1650691572792164354</span>
                                <span class="down-time">
                                    <i class="iconfont icon-time"></i>
                                    <b class="b">付款倒计时29分57秒</b>
                                </span>
                            </div>
                            <div class="order-body">
                                <div class="goods column">
                                    <ul>
                                        <li>
                                            <a href="javascript:;" class="image">
                                                <img src="https://yanxuan-item.nosdn.127.net/3480e3fa68b810f23afb43f6bf2fe45b.png"
                                                    alt="">
                                            </a>
                                            <div class="info">
                                                <p class="name">【新疆棉】宝宝也能用，全棉华夫格毛巾</p>
                                                <p class="attr">颜色:黄色 </p>
                                            </div>
                                            <div class="price">¥19.9</div>
                                            <div class="count">x1</div>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="image">
                                                <img src="https://yanxuan-item.nosdn.127.net/1ee83dc27645e7bdc1bda228c04b85f3.jpg"
                                                    alt="">
                                            </a>
                                            <div class="info">
                                                <p class="name">网易味央黑猪猪肘330g*1袋</p>
                                                <p class="attr">规格:猪肘330g*1袋 </p>
                                            </div>
                                            <div class="price">¥37</div>
                                            <div class="count">x3</div>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="image">
                                                <img src="https://yanxuan-item.nosdn.127.net/ded4b153a0878527dcee27981c389929.png"
                                                    alt="">
                                            </a>
                                            <div class="info">
                                                <p class="name">两带式软木拖鞋</p>
                                                <p class="attr">颜色:黑色 尺码:34 </p>
                                            </div>
                                            <div class="price">¥55.9</div>
                                            <div class="count">x2</div>
                                        </li>
                                    </ul>
                                </div>
                                <div class="state column">
                                    <p>待付款</p>
                                </div>
                                <div class="amount column">
                                    <p class="red">¥249.7</p>
                                    <p>（含运费：¥7）</p>
                                    <p>在线支付</p>
                                </div>
                                <div class="action column">
                                    <button class="xtx-button">立即付款</button>
                                    <p class="look">查看详情</p>
                                    <p class="cancel" data-index="3">取消订单</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 代付款 -->
                    <div class="order-list">
                        <div class="order-item">
                            <div class="head">
                                <span>下单时间：2023-04-25 10:41:54</span>
                                <span>订单编号：1650691572792164354</span>
                                <span class="down-time">
                                    <!-- <i class="iconfont icon-time"></i> -->
                                    <b class="d">删除</b>
                                </span>
                            </div>
                            <div class="order-body">
                                <div class="goods column">
                                    <ul>
                                        <li>
                                            <a href="javascript:;" class="image">
                                                <img src="https://yanxuan-item.nosdn.127.net/1626afa0a05d3f10cb5b4b863585ef2b.png"
                                                    alt="">
                                            </a>
                                            <div class="info">
                                                <p class="name">净水看得见韩国负离子增压除氯花洒</p>
                                                <p class="attr">规格:1组花洒 </p>
                                            </div>
                                            <div class="price">¥99.9</div>
                                            <div class="count">x3</div>
                                        </li>
                                    </ul>
                                </div>
                                <div class="state column">
                                    <p>待付款</p>
                                </div>
                                <div class="amount column">
                                    <p class="red">¥302.7</p>
                                    <p>（含运费：¥6）</p>
                                    <p>在线支付</p>
                                </div>
                                <div class="action column">
                                    <!-- <button class="xtx-button">立即付款</button> -->
                                    <p class="look">查看详情</p>
                                    <!-- <p>取消订单</p> -->
                                </div>
                            </div>
                        </div>
                        <div class="order-item">
                            <div class="head">
                                <span>下单时间：2023-04-25 10:41:54</span>
                                <span>订单编号：1650691572792164354</span>
                                <span class="down-time">
                                    <i class="iconfont icon-time"></i>
                                    <b class="b">付款倒计时29分57秒</b>
                                </span>
                            </div>
                            <div class="order-body">
                                <div class="goods column">
                                    <ul>
                                        <li>
                                            <a href="javascript:;" class="image">
                                                <img src="https://yanxuan-item.nosdn.127.net/efb82847d85d95d12ece2bca26236ba0.png"
                                                    alt="">
                                            </a>
                                            <div class="info">
                                                <p class="name">灰尘毛发静电吸附地板除尘干巾40片/包</p>
                                                <p class="attr">规格:3包/提 </p>
                                            </div>
                                            <div class="price">¥24.9</div>
                                            <div class="count">x1</div>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="image">
                                                <img src="https://yanxuan-item.nosdn.127.net/50db51cb0a25b0d346ce62b22b5e0f92.png"
                                                    alt="">
                                            </a>
                                            <div class="info">
                                                <p class="name">拼色更童趣，儿童撞色T恤110-160cm</p>
                                                <p class="attr">颜色:藏青 C尺码:160cm </p>
                                            </div>
                                            <div class="price">¥79</div>
                                            <div class="count">x2</div>
                                        </li>
                                    </ul>
                                </div>
                                <div class="state column">
                                    <p>待付款</p>
                                </div>
                                <div class="amount column">
                                    <p class="red">¥185.9</p>
                                    <p>（含运费：¥3）</p>
                                    <p>在线支付</p>
                                </div>
                                <div class="action column">
                                    <button class="xtx-button">立即付款</button>
                                    <p class="look">查看详情</p>
                                    <p class="cancel" data-index="1">取消订单</p>
                                </div>
                            </div>
                        </div>
                        <div class="order-item">
                            <div class="head">
                                <span>下单时间：2023-04-25 10:41:54</span>
                                <span>订单编号：1650691572792164354</span>
                                <span class="down-time">
                                    <i class="iconfont icon-time"></i>
                                    <b class="b">付款倒计时29分57秒</b>
                                </span>
                            </div>
                            <div class="order-body">
                                <div class="goods column">
                                    <ul>
                                        <li>
                                            <a href="javascript:;" class="image">
                                                <img src="https://yanxuan-item.nosdn.127.net/3480e3fa68b810f23afb43f6bf2fe45b.png"
                                                    alt="">
                                            </a>
                                            <div class="info">
                                                <p class="name">【新疆棉】宝宝也能用，全棉华夫格毛巾</p>
                                                <p class="attr">颜色:黄色 </p>
                                            </div>
                                            <div class="price">¥19.9</div>
                                            <div class="count">x1</div>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="image">
                                                <img src="https://yanxuan-item.nosdn.127.net/1ee83dc27645e7bdc1bda228c04b85f3.jpg"
                                                    alt="">
                                            </a>
                                            <div class="info">
                                                <p class="name">网易味央黑猪猪肘330g*1袋</p>
                                                <p class="attr">规格:猪肘330g*1袋 </p>
                                            </div>
                                            <div class="price">¥37</div>
                                            <div class="count">x3</div>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="image">
                                                <img src="https://yanxuan-item.nosdn.127.net/ded4b153a0878527dcee27981c389929.png"
                                                    alt="">
                                            </a>
                                            <div class="info">
                                                <p class="name">两带式软木拖鞋</p>
                                                <p class="attr">颜色:黑色 尺码:34 </p>
                                            </div>
                                            <div class="price">¥55.9</div>
                                            <div class="count">x2</div>
                                        </li>
                                    </ul>
                                </div>
                                <div class="state column">
                                    <p>待付款</p>
                                </div>
                                <div class="amount column">
                                    <p class="red">¥249.7</p>
                                    <p>（含运费：¥7）</p>
                                    <p>在线支付</p>
                                </div>
                                <div class="action column">
                                    <button class="xtx-button">立即付款</button>
                                    <p class="look">查看详情</p>
                                    <p class="cancel" data-index="1">取消订单</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 代发货 -->
                    <div class="order-list">
                        <div class="order-item">
                            <div class="head">
                                <span>下单时间：2023-04-25 10:41:54</span>
                                <span>订单编号：1650691572792164354</span>
                                <span class="down-time">
                                    <i class="iconfont icon-time"></i>
                                    <b class="b"></b>
                                </span>
                            </div>
                            <div class="order-body">
                                <div class="goods column">
                                    <ul>
                                        <li>
                                            <a href="javascript:;" class="image">
                                                <img src="https://yanxuan-item.nosdn.127.net/af7549f72b66b1660b513884d35acdd2.png"
                                                    alt="">
                                            </a>
                                            <div class="info">
                                                <p class="name">日本24k金三合一美容棒升级款</p>
                                                <p class="attr">规格:三合一24K金美容棒 </p>
                                            </div>
                                            <div class="price">¥425</div>
                                            <div class="count">x1</div>
                                        </li>
                                    </ul>
                                </div>
                                <div class="state column">
                                    <p>待付款</p>
                                </div>
                                <div class="amount column">
                                    <p class="red">¥431</p>
                                    <p>（含运费：¥6）</p>
                                    <p>在线支付</p>
                                </div>
                                <div class="action column">
                                    <button class="xtx-button">立即付款</button>
                                    <p class="look">查看详情</p>
                                    <p class="cancel" data-index="0">取消订单</p>
                                </div>
                            </div>
                        </div>
                        <div class="order-item">
                            <div class="head">
                                <span>下单时间：2023-04-25 10:41:54</span>
                                <span>订单编号：1650691572792164354</span>
                                <span class="down-time">
                                    <!-- <i class="iconfont icon-time"></i> -->
                                    <b class="d">删除</b>
                                </span>
                            </div>
                            <div class="order-body">
                                <div class="goods column">
                                    <ul>
                                        <li>
                                            <a href="javascript:;" class="image">
                                                <img src="https://yanxuan-item.nosdn.127.net/1626afa0a05d3f10cb5b4b863585ef2b.png"
                                                    alt="">
                                            </a>
                                            <div class="info">
                                                <p class="name">净水看得见韩国负离子增压除氯花洒</p>
                                                <p class="attr">规格:1组花洒 </p>
                                            </div>
                                            <div class="price">¥99.9</div>
                                            <div class="count">x3</div>
                                        </li>
                                    </ul>
                                </div>
                                <div class="state column">
                                    <p>待付款</p>
                                </div>
                                <div class="amount column">
                                    <p class="red">¥302.7</p>
                                    <p>（含运费：¥6）</p>
                                    <p>在线支付</p>
                                </div>
                                <div class="action column">
                                    <!-- <button class="xtx-button">立即付款</button> -->
                                    <p class="look">查看详情</p>
                                    <!-- <p>取消订单</p> -->
                                </div>
                            </div>
                        </div>
                        <div class="order-item">
                            <div class="head">
                                <span>下单时间：2023-04-25 10:41:54</span>
                                <span>订单编号：1650691572792164354</span>
                                <span class="down-time">
                                    <i class="iconfont icon-time"></i>
                                    <b class="b">付款倒计时29分57秒</b>
                                </span>
                            </div>
                            <div class="order-body">
                                <div class="goods column">
                                    <ul>
                                        <li>
                                            <a href="javascript:;" class="image">
                                                <img src="https://yanxuan-item.nosdn.127.net/efb82847d85d95d12ece2bca26236ba0.png"
                                                    alt="">
                                            </a>
                                            <div class="info">
                                                <p class="name">灰尘毛发静电吸附地板除尘干巾40片/包</p>
                                                <p class="attr">规格:3包/提 </p>
                                            </div>
                                            <div class="price">¥24.9</div>
                                            <div class="count">x1</div>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="image">
                                                <img src="https://yanxuan-item.nosdn.127.net/50db51cb0a25b0d346ce62b22b5e0f92.png"
                                                    alt="">
                                            </a>
                                            <div class="info">
                                                <p class="name">拼色更童趣，儿童撞色T恤110-160cm</p>
                                                <p class="attr">颜色:藏青 C尺码:160cm </p>
                                            </div>
                                            <div class="price">¥79</div>
                                            <div class="count">x2</div>
                                        </li>
                                    </ul>
                                </div>
                                <div class="state column">
                                    <p>待付款</p>
                                </div>
                                <div class="amount column">
                                    <p class="red">¥185.9</p>
                                    <p>（含运费：¥3）</p>
                                    <p>在线支付</p>
                                </div>
                                <div class="action column">
                                    <button class="xtx-button">立即付款</button>
                                    <p class="look">查看详情</p>
                                    <p class="cancel" data-index="1">取消订单</p>
                                </div>
                            </div>
                        </div>
                        <div class="order-item">
                            <div class="head">
                                <span>下单时间：2023-04-25 10:41:54</span>
                                <span>订单编号：1650691572792164354</span>
                                <span class="down-time">
                                    <i class="iconfont icon-time"></i>
                                    <b class="b">付款倒计时29分57秒</b>
                                </span>
                            </div>
                            <div class="order-body">
                                <div class="goods column">
                                    <ul>
                                        <li>
                                            <a href="javascript:;" class="image">
                                                <img src="https://yanxuan-item.nosdn.127.net/3480e3fa68b810f23afb43f6bf2fe45b.png"
                                                    alt="">
                                            </a>
                                            <div class="info">
                                                <p class="name">【新疆棉】宝宝也能用，全棉华夫格毛巾</p>
                                                <p class="attr">颜色:黄色 </p>
                                            </div>
                                            <div class="price">¥19.9</div>
                                            <div class="count">x1</div>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="image">
                                                <img src="https://yanxuan-item.nosdn.127.net/1ee83dc27645e7bdc1bda228c04b85f3.jpg"
                                                    alt="">
                                            </a>
                                            <div class="info">
                                                <p class="name">网易味央黑猪猪肘330g*1袋</p>
                                                <p class="attr">规格:猪肘330g*1袋 </p>
                                            </div>
                                            <div class="price">¥37</div>
                                            <div class="count">x3</div>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="image">
                                                <img src="https://yanxuan-item.nosdn.127.net/ded4b153a0878527dcee27981c389929.png"
                                                    alt="">
                                            </a>
                                            <div class="info">
                                                <p class="name">两带式软木拖鞋</p>
                                                <p class="attr">颜色:黑色 尺码:34 </p>
                                            </div>
                                            <div class="price">¥55.9</div>
                                            <div class="count">x2</div>
                                        </li>
                                    </ul>
                                </div>
                                <div class="state column">
                                    <p>待付款</p>
                                </div>
                                <div class="amount column">
                                    <p class="red">¥249.7</p>
                                    <p>（含运费：¥7）</p>
                                    <p>在线支付</p>
                                </div>
                                <div class="action column">
                                    <button class="xtx-button">立即付款</button>
                                    <p class="look">查看详情</p>
                                    <p class="cancel" data-index="1">取消订单</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 代收货 -->
                    <div class="order-list">
                        <div class="order-item">
                            <div class="head">
                                <span>下单时间：2023-04-25 10:41:54</span>
                                <span>订单编号：1650691572792164354</span>
                                <span class="down-time">
                                    <!-- <i class="iconfont icon-time"></i> -->
                                    <b class="d">删除</b>
                                </span>
                            </div>
                            <div class="order-body">
                                <div class="goods column">
                                    <ul>
                                        <li>
                                            <a href="javascript:;" class="image">
                                                <img src="https://yanxuan-item.nosdn.127.net/1626afa0a05d3f10cb5b4b863585ef2b.png"
                                                    alt="">
                                            </a>
                                            <div class="info">
                                                <p class="name">净水看得见韩国负离子增压除氯花洒</p>
                                                <p class="attr">规格:1组花洒 </p>
                                            </div>
                                            <div class="price">¥99.9</div>
                                            <div class="count">x3</div>
                                        </li>
                                    </ul>
                                </div>
                                <div class="state column">
                                    <p>待付款</p>
                                </div>
                                <div class="amount column">
                                    <p class="red">¥302.7</p>
                                    <p>（含运费：¥6）</p>
                                    <p>在线支付</p>
                                </div>
                                <div class="action column">
                                    <!-- <button class="xtx-button">立即付款</button> -->
                                    <p class="look">查看详情</p>
                                    <!-- <p>取消订单</p> -->
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 代评价 -->
                    <div class="order-list">
                        <div class="order-item">
                            <div class="head">
                                <span>下单时间：2023-04-25 10:41:54</span>
                                <span>订单编号：1650691572792164354</span>
                                <span class="down-time">
                                    <!-- <i class="iconfont icon-time"></i> -->
                                    <b class="d">删除</b>
                                </span>
                            </div>
                            <div class="order-body">
                                <div class="goods column">
                                    <ul>
                                        <li>
                                            <a href="javascript:;" class="image">
                                                <img src="https://yanxuan-item.nosdn.127.net/1626afa0a05d3f10cb5b4b863585ef2b.png"
                                                    alt="">
                                            </a>
                                            <div class="info">
                                                <p class="name">净水看得见韩国负离子增压除氯花洒</p>
                                                <p class="attr">规格:1组花洒 </p>
                                            </div>
                                            <div class="price">¥99.9</div>
                                            <div class="count">x3</div>
                                        </li>
                                    </ul>
                                </div>
                                <div class="state column">
                                    <p>待付款</p>
                                </div>
                                <div class="amount column">
                                    <p class="red">¥302.7</p>
                                    <p>（含运费：¥6）</p>
                                    <p>在线支付</p>
                                </div>
                                <div class="action column">
                                    <!-- <button class="xtx-button">立即付款</button> -->
                                    <p class="look">查看详情</p>
                                    <!-- <p>取消订单</p> -->
                                </div>
                            </div>
                        </div>
                        <div class="order-item">
                            <div class="head">
                                <span>下单时间：2023-04-25 10:41:54</span>
                                <span>订单编号：1650691572792164354</span>
                                <span class="down-time">
                                    <!-- <i class="iconfont icon-time"></i> -->
                                    <b class="d">删除</b>
                                </span>
                            </div>
                            <div class="order-body">
                                <div class="goods column">
                                    <ul>
                                        <li>
                                            <a href="javascript:;" class="image">
                                                <img src="https://yanxuan-item.nosdn.127.net/084f82c43a71bbc4d280fbb09a47a028.jpg"
                                                    alt="">
                                            </a>
                                            <div class="info">
                                                <p class="name">净水看得见韩国负离子增压除氯花洒</p>
                                                <p class="attr">规格:1组花洒 </p>
                                            </div>
                                            <div class="price">¥99.9</div>
                                            <div class="count">x3</div>
                                        </li>
                                    </ul>
                                </div>
                                <div class="state column">
                                    <p>待付款</p>
                                </div>
                                <div class="amount column">
                                    <p class="red">¥302.7</p>
                                    <p>（含运费：¥6）</p>
                                    <p>在线支付</p>
                                </div>
                                <div class="action column">
                                    <!-- <button class="xtx-button">立即付款</button> -->
                                    <p class="look">查看详情</p>
                                    <!-- <p>取消订单</p> -->
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 已完成 -->
                    <div class="order-list">
                        <div class="order-item">
                            <div class="head">
                                <span>下单时间：2023-04-25 10:41:54</span>
                                <span>订单编号：1650691572792164354</span>
                                <span class="down-time">
                                    <!-- <i class="iconfont icon-time"></i> -->
                                    <b class="d">删除</b>
                                </span>
                            </div>
                            <div class="order-body">
                                <div class="goods column">
                                    <ul>
                                        <li>
                                            <a href="javascript:;" class="image">
                                                <img src="https://yanxuan-item.nosdn.127.net/1626afa0a05d3f10cb5b4b863585ef2b.png"
                                                    alt="">
                                            </a>
                                            <div class="info">
                                                <p class="name">净水看得见韩国负离子增压除氯花洒</p>
                                                <p class="attr">规格:1组花洒 </p>
                                            </div>
                                            <div class="price">¥99.9</div>
                                            <div class="count">x3</div>
                                        </li>
                                    </ul>
                                </div>
                                <div class="state column">
                                    <p>待付款</p>
                                </div>
                                <div class="amount column">
                                    <p class="red">¥302.7</p>
                                    <p>（含运费：¥6）</p>
                                    <p>在线支付</p>
                                </div>
                                <div class="action column">
                                    <!-- <button class="xtx-button">立即付款</button> -->
                                    <p class="look">查看详情</p>
                                    <!-- <p>取消订单</p> -->
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 已取消 -->
                    <div class="order-list">
                        <div class="order-item">
                            <div class="head">
                                <span>下单时间：2023-04-25 10:41:54</span>
                                <span>订单编号：1650691572792164354</span>
                                <span class="down-time">
                                    <!-- <i class="iconfont icon-time"></i> -->
                                    <b class="d">删除</b>
                                </span>
                            </div>
                            <div class="order-body">
                                <div class="goods column">
                                    <ul>
                                        <li>
                                            <a href="javascript:;" class="image">
                                                <img src="https://yanxuan-item.nosdn.127.net/084f82c43a71bbc4d280fbb09a47a028.jpg"
                                                    alt="">
                                            </a>
                                            <div class="info">
                                                <p class="name">净水看得见韩国负离子增压除氯花洒</p>
                                                <p class="attr">规格:1组花洒 </p>
                                            </div>
                                            <div class="price">¥99.9</div>
                                            <div class="count">x3</div>
                                        </li>
                                    </ul>
                                </div>
                                <div class="state column">
                                    <p>待付款</p>
                                </div>
                                <div class="amount column">
                                    <p class="red">¥302.7</p>
                                    <p>（含运费：¥6）</p>
                                    <p>在线支付</p>
                                </div>
                                <div class="action column">
                                    <!-- <button class="xtx-button">立即付款</button> -->
                                    <p class="look">查看详情</p>
                                    <!-- <p>取消订单</p> -->
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 分页 -->
                    <div class="order-pagination">
                        <a href="javascript:;" class="top">上一页</a>
                        <a href="javascript:;" class="ye" data-index="0">1</a>
                        <a href="javascript:;" data-index="1">2</a>
                        <a href="javascript:;" data-index="2">3</a>
                        <a href="javascript:;" data-index="3">4</a>
                        <a href="javascript:;" data-index="4">5</a>
                        <span>...</span>
                        <a href="javascript:;" class="buttom">下一页</a>
                    </div>
                    <!-- 弹框一 -->
                    <div class="dialog">
                        <div class="xtx-dialog">
                            <div class="dialog-head">
                                <h3>取消订单</h3>
                                <a href="javascript:;">x</a>
                            </div>
                            <div class="dialog-body">
                                <div class="dialog-info">
                                    <p>取消订单后，本单享有的优惠可能会一并取消，是否继续？</p>
                                    <p class="tip">请选择取消订单的原因（必选）：</p>
                                    <div class="btn">
                                        <a href="javascript:;" class="active">配送信息有误</a>
                                        <a href="javascript:;">商品买错了</a>
                                        <a href="javascript:;">重复下单/误下单</a>
                                        <a href="javascript:;">忘记使用优惠券、兔币等</a>
                                        <a href="javascript:;">其他渠道价格更低</a>
                                        <a href="javascript:;">不想买了</a>
                                    </div>
                                </div>
                            </div>
                            <div class="dialog-footer">
                                <button class="grey">取消</button>
                                <button class="greens">确认</button>
                            </div>
                        </div>
                    </div>
                    <!-- 弹框二 -->
                    <div class="dialogT">
                        <div class="delete">
                            <div class="delHead">
                                <h3>温馨提示</h3>
                                <a href="javascript:;" class="del">x</a>
                            </div>
                            <div class="delBody">
                                <i class="radius">!</i>
                                <span>亲，您确认删除该订单吗？</span>
                            </div>
                            <div class="delFoot">
                                <button class="greyT">取消</button>
                                <button class="greenT">确认</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 我的订单 -->
            <div class="article view_prot">
                <!-- 查看详情 -->
                <div class="member_show">
                    <div class="show_action">
                        <div class="state">
                            <span class="iconfont icon-money-circle"></span>
                            <p>待付款</p>
                        </div>
                        <div class="info">
                            <p>订单编号：1658845254151024852</p>
                            <p>下单时间：2023-04-27 10:47:12</p>
                        </div>
                        <div class="btn-b">
                            <button class="btn_primary">立即付款</button>
                            <button class="btn_gray">取消订单</button>
                        </div>
                    </div>
                    <div class="show_step">
                        <div class="show_steps">
                            <div class="show_steps_item active">
                                <div class="step"><span class="step_one">1</span></div>
                                <div class="title_one">提交订单</div>
                                <div class="desc">2023-04-27 10:47:12</div>
                            </div>
                            <div class="show_steps_item">
                                <div class="step"><span class="step_two">2</span></div>
                                <div class="title">付款成功</div>
                                <div class="desc"></div>
                            </div>
                            <div class="show_steps_item">
                                <div class="step"><span>3</span></div>
                                <div class="title">商品发货</div>
                                <div class="desc"></div>
                            </div>
                            <div class="show_steps_item">
                                <div class="step"><span>4</span></div>
                                <div class="title">确认收货</div>
                                <div class="desc"></div>
                            </div>
                            <div class="show_steps_item">
                                <div class="step_z"><span>5</span></div>
                                <div class="title">订单完成</div>
                                <div class="desc"></div>
                            </div>
                        </div>
                    </div>
                    <div class="show_info">
                        <h3>订单商品</h3>
                        <table class="goods_table">
                            <thead>
                                <tr>
                                    <th width="400">商品信息</th>
                                    <th>单价</th>
                                    <th>数量</th>
                                    <th>小计</th>
                                    <th>实付</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>
                                        <a href="javascript:;" class="product">
                                            <img src="https://yanxuan-item.nosdn.127.net/e11f26aaccefeb07e640a51ee100aadb.png"
                                                alt="">
                                            <div class="info">
                                                <p class="name ellipsis">经典爆品，携带登机，20寸纯PC铝框箱</p>
                                                <p class="attrs ellipsis">颜色：玫红色(铝制护片款)</p>
                                            </div>
                                        </a>
                                    </td>
                                    <td>￥269</td>
                                    <td>1</td>
                                    <td>￥269</td>
                                    <td>￥269</td>
                                </tr>
                                <tr>
                                    <td>
                                        <a href="javascript:;" class="product">
                                            <img src="https://yanxuan-item.nosdn.127.net/dc5031d0b9bcd473d28776546954dd41.jpg"
                                                alt="">
                                            <div class="info">
                                                <p class="name ellipsis">21春季新品，儿童时尚圆领卫衣1-8岁</p>
                                                <p class="attrs ellipsis">尺码：120cm(建议5-6岁) 颜色：笑脸菠萝</p>
                                            </div>
                                        </a>
                                    </td>
                                    <td>￥99</td>
                                    <td>1</td>
                                    <td>￥99</td>
                                    <td>￥99</td>
                                </tr>
                            </tbody>
                        </table>
                        <h3>收货信息</h3>
                        <div class="info_box">
                            <dl>
                                <dt>收&nbsp;<i></i>货&nbsp;<i></i>人&nbsp;</dt>
                                <dd>1</dd>
                            </dl>
                            <dl>
                                <dt>联系方式：</dt>
                                <dd>189****0000</dd>
                            </dl>
                            <dl>
                                <dt>收货地址：</dt>
                                <dd>安徽省合肥市瑶海区1</dd>
                            </dl>
                        </div>
                        <h3>支付方式及送货时间</h3>
                        <div class="info_box">
                            <dl>
                                <dt>支付方式：</dt>
                                <dd>支付宝</dd>
                            </dl>
                            <dl>
                                <dt>送货时间：</dt>
                                <dd>双休日，假日送货(适合于家庭地址)</dd>
                            </dl>
                        </div>
                        <h3>发票信息</h3>
                        <div class="info_box">
                            <dl>
                                <dt>发票类型：</dt>
                                <dd>电子发票</dd>
                            </dl>
                            <dl>
                                <dt>发票内容：</dt>
                                <dd>日用品</dd>
                            </dl>
                            <dl>
                                <dt>发票抬头：</dt>
                                <dd>个人</dd>
                            </dl>
                        </div>
                        <h3>订单信息</h3>
                        <div class="info_box">
                            <dl>
                                <dt>订单编号：</dt>
                                <dd>在线支付</dd>
                            </dl>
                            <dl>
                                <dt>下单时间：</dt>
                                <dd>2023-04-27 10:47:12</dd>
                            </dl>
                        </div>
                        <div class="sum_info">
                            <div class="info">
                                <div class="item">
                                    <label>商品件数：</label>
                                    <span>2件</span>
                                </div>
                                <div class="item">
                                    <label>商品总价：</label>
                                    <span>￥368</span>
                                </div>
                                <div class="item">
                                    <label>运&nbsp;<i>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</i>&nbsp;费：</label>
                                    <span>6</span>
                                </div>
                                <div class="item">
                                    <label>应付总额：</label>
                                    <span class="price">￥374</span>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div class="xtx_footer clearfix">
        <div class="wrapper">
            <!-- 联系我们 -->
            <div class="contact clearfix">
                <dl>
                    <dt>客户服务</dt>
                    <dd class="chat">在线客服</dd>
                    <dd class="feedback">问题反馈</dd>
                </dl>
                <dl>
                    <dt>关注我们</dt>
                    <dd class="weixin">公众号</dd>
                    <dd class="weibo">微博</dd>
                </dl>
                <dl>
                    <dt>下载APP</dt>
                    <dd class="qrcode">
                        <img src="../images/qrcode.jpg">
                    </dd>
                    <dd class="download">
                        <span>扫描二维码</span>
                        <span>立马下载APP</span>
                        <a href="javascript:;">下载页面</a>
                    </dd>
                </dl>
                <dl>
                    <dt>服务热线</dt>
                    <dd class="hotline">
                        400-0000-000
                        <small>周一至周日 8:00-18:00</small>
                    </dd>
                </dl>
            </div>
        </div>
        <!-- 其它 -->
        <div class="extra">
            <div class="wrapper">
                <!-- 口号 -->
                <div class="slogan">
                    <a href="javascript:;" class="price">价格亲民</a>
                    <a href="javascript:;" class="express">物流快捷</a>
                    <a href="javascript:;" class="quality">品质新鲜</a>
                </div>
                <!-- 版权信息 -->
                <div class="copyright">
                    <p>
                        <a href="javascript:;">关于我们</a>
                        <a href="javascript:;">帮助中心</a>
                        <a href="javascript:;">售后服务</a>
                        <a href="javascript:;">配送与验收</a>
                        <a href="javascript:;">商务合作</a>
                        <a href="javascript:;">搜索推荐</a>
                        <a href="javascript:;">友情链接</a>
                    </p>
                    <p>CopyRight &copy; 小兔鲜儿</p>
                </div>
            </div>
        </div>
    </div>
    <script src="../js/common.js"></script>
    <script src="../js/center.js"></script>
</body>

</html>